<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="1.css">
    <script src="../框架相关的js/jquery-3.6.0.min.js"></script>
</head>

<body>
    <div class="box"></div>
    <div class="box1" name="ma"></div>

    <div>
        <p><span>1111111</span></p>
    </div>
    <div>
        <p><span>1111111</span></p>
    </div>

    <b><span>22222222</span></b>
    <div class="ma">
        <p></p>
    </div>
    <div class="ma">
        <p></p>
    </div>
    <!--      -->
    <script>
        console.log($(":root"), '????');  //html标签 根标签
        console.log(window.location.href.split('?')[0], '11111111111111');
        console.log(new Array().__proto__);
        var arr = ['a', 'b', 34, 5].entries()
        console.log(arr.next());
        console.log(arr.next());
        console.log(arr.next());


        console.log($("p:first-child"), '???11111');
        console.log($("div p"), '???33333333333333333');
        console.log($("b span"), '???555');

        console.log($("[name='ma']"), '通过name获取dom元素');
        console.log($("[name|='ma']"), '通过name获取dom元素');

        console.log($('.ma > p'));

    </script>
</body>

</html>